<template>
    <div>
        <slot />
        <el-tabs v-model="query.tab">
            <el-tab-pane v-for=" (val,key) in tabHead" :key="key" :label="key" :name="val" />
        </el-tabs>
        <el-radio-group v-model="query.type">
            <el-radio label="1">增长数</el-radio>
            <el-radio label="2">增长率</el-radio>
        </el-radio-group>
        <dateSelect :date.sync="date" />
        <selectTool :city.sync="query.city" :channel.sync="query.channel" :system.sync="query.system" />
        <ve-line class="chart" :data="chartData" />
    </div>
</template>

<script>
import veLine from 'v-charts/lib/line.common.js'
import selectTool from '../selectTools'
import dateSelect from '../dateSelect'
export default {
    components: {
        veLine,
        selectTool,
        dateSelect
    },
    props: {
    },
    data () {
        /*         this.chartSettings = {
            dimension: '日期',
            metrics: ['访问用户']
        }
        this.extend = {
            series: {
                // 默认显示数据
                label: { show: true, position: 'top' }
            }
        } */
        return {
            tabHead: {
                月统计: '1',
                日统计: '2'
            },
            date: [],
            query: {
                channel: null,
                city: null,
                system: null,
                type: '1',
                tab: '1',
                x: '',
                y: ''
            },
            chartData: {
                columns: ['日期', '访问用户', '下单用户', '下单率'],
                rows: [
                    { 日期: '1/1', 访问用户: 1393, 下单用户: 1093, 下单率: 0.32 },
                    { 日期: '1/2', 访问用户: 3530, 下单用户: 3230, 下单率: 0.26 },
                    { 日期: '1/3', 访问用户: 2923, 下单用户: 2623, 下单率: 0.76 },
                    { 日期: '1/4', 访问用户: 1723, 下单用户: 1423, 下单率: 0.49 },
                    { 日期: '1/5', 访问用户: 3792, 下单用户: 3492, 下单率: 0.323 },
                    { 日期: '1/6', 访问用户: 4593, 下单用户: 4293, 下单率: 0.78 }
                ]
            }
        }
    },
    watch: {

    },
    updated () {

    },
    created () {
    },
    mounted () {
    },
    methods: {
        Update () {
            console.log('up!!!!!!!!!!!!!!!!!!!!')
            this.$emit('updata', { tableData: this.tableData, total: this.total, pageSize: this.query.pageSize, pageNum: this.query.pageNum })
        },
        Query () {

        }
    }
}
</script>
